import {getToken,setToken,removeToken} from '@/utils/auth'
import {login,logout,getUserInfo} from '@/api/user'
import store from "@/store"


const state = {
  token: getToken(), // 从缓存中读取初始值
  userInfo:{} //用户信息
}
const mutations={
  setToken(state,token){
    state.token = token
    // 同步到缓存
    setToken(token)
  },
  removeToken(state){
   // 删除vuex的token
   console.log('@@@',state)
   state.token = null
   removeToken()
  },

  // 设置用户信息
  setUserInfo(state,userInfo){
     state.userInfo = userInfo
  }

}
const actions={
 // context 上下文，传入参数

 // 登录
 async login(context,data){
  console.log('登录参数',data);
  // todo:调用登录接口
  const token  = await login(data)
  console.log('token:',token.data)
  // 返回一个token
  context.commit('setToken',token.data)
 },

  // 获取用户信息
  async getUserInfo(context){
    const data =  await getUserInfo()
    console.log("用户信息",data.data)
    // 提交
    context.commit('setUserInfo',data.data)
  },

 // 退出
 async logout(context){
    console.log('退处现在的gettters:',store.getters.token)
    await  console.log('用户推出，清除token:')
   // 清除token
   context.commit('removeToken')
   // 打印token是否还有
   console.log('token',context.state.token)
 }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}

